<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
		<meta name="description" content="">
		<meta name="author" content="">

		<title>Dashboard Template for Bootstrap</title>

		<!-- Bootstrap core CSS -->
		<link href="css/bootstrap.min.css" rel="stylesheet">

		<!-- Custom styles for this template -->
		<link href="css/dashboard.css" rel="stylesheet">

	</head>

	<body>

		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container-fluid">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
					<a class="navbar-brand" href="#">问答系统后台</a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="#">仪表盘</a>
						</li>
						<li>
							<a href="#">设置</a>
						</li>

						<li>
							<a href="#">帮助</a>
						</li>
					</ul>
					<form class="navbar-form navbar-right">
						<input type="text" class="form-control" placeholder="搜搜...">
					</form>
				</div>
			</div>
		</nav>

		<div class="container-fluid">
			<div class="row">
				<div class="col-sm-3 col-md-2 sidebar">
					<ul class="nav nav-sidebar">
						<li class="active">
							<a href="#">用户管理 <span class="sr-only">(current)</span></a>
						</li>
						<li>
							<a href="#">Reports</a>
						</li>
						<li>
							<a href="#">Analytics</a>
						</li>
						<li>
							<a href="#">Export</a>
						</li>
					</ul>
					<ul class="nav nav-sidebar">
						<li>
							<a href="">Nav item</a>
						</li>
						<li>
							<a href="">Nav item again</a>
						</li>
						<li>
							<a href="">One more nav</a>
						</li>
						<li>
							<a href="">Another nav item</a>
						</li>
						<li>
							<a href="">More navigation</a>
						</li>
					</ul>
					<ul class="nav nav-sidebar">
						<li>
							<a href="">Nav item again</a>
						</li>
						<li>
							<a href="">One more nav</a>
						</li>
						<li>
							<a href="">Another nav item</a>
						</li>
					</ul>
				</div>
				<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
					<h2 class="sub-header">用户列表</h2>
					<div class="table-responsive">
						<table class="table table-striped table-hover">
							<thead>
								<tr class="text-center">
									<th>编号</th>
									<th>昵称</th>
									<th>性别</th>
									<th>手机号</th>
									<th>地址</th>
									<th>操作</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td>1,001</td>
									<td>Lorem</td>
									<td>ipsum</td>
									<td>dolor</td>
									<td>sit</td>
									<td class="col-md-2"><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								<tr>
									<td>1,002</td>
									<td>amet</td>
									<td>consectetur</td>
									<td>adipiscing</td>
									<td>elit</td>
									<td><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								<tr>
									<td>1,003</td>
									<td>Integer</td>
									<td>nec</td>
									<td>odio</td>
									<td>Praesent</td>
									<td><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								<tr>
									<td>1,003</td>
									<td>libero</td>
									<td>Sed</td>
									<td>cursus</td>
									<td>ante</td>
									<td><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								<tr>
									<td>1,004</td>
									<td>dapibus</td>
									<td>diam</td>
									<td>Sed</td>
									<td>nisi</td>
									<td><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								<tr>
									<td>1,005</td>
									<td>Nulla</td>
									<td>quis</td>
									<td>sem</td>
									<td>at</td>
									<td><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								<tr>
									<td>1,006</td>
									<td>nibh</td>
									<td>elementum</td>
									<td>imperdiet</td>
									<td>Duis</td>
									<td><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								<tr>
									<td>1,007</td>
									<td>sagittis</td>
									<td>ipsum</td>
									<td>Praesent</td>
									<td>mauris</td>
									<td><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								<tr>
									<td>1,008</td>
									<td>Fusce</td>
									<td>nec</td>
									<td>tellus</td>
									<td>sed</td>
									<td><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								<tr>
									<td>1,009</td>
									<td>augue</td>
									<td>semper</td>
									<td>porta</td>
									<td>Mauris</td>
									<td><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								<tr>
									<td>1,010</td>
									<td>massa</td>
									<td>Vestibulum</td>
									<td>lacinia</td>
									<td>arcu</td>
									<td><button class="btn btn-link">修改</button><button class="btn btn-link">删除</button></td>
								</tr>
								
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>

		<!-- Bootstrap core JavaScript
    ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>

	</body>

</html>